// axios 的封装处理
import router from "@/router";
import axios from "axios";
import { getToken, removeToken } from "./token";

//1.跟域名配置
// 2.超时时间
//3.请求拦截器 / 响应拦截器

// 配置实列
const request = axios.create({
  baseURL: "http://geek.itheima.net/v1_0",
  timeout: 5000,
});

//添加请求拦截器
request.interceptors.request.use(
  (config) => {
    // 操作config 注入token 数据
    // 1.获取token
    //2.按照后端的格式要求做token 拼接
    const token = getToken();
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }

    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);

// 响应拦截器
request.interceptors.response.use(
  (response) => {
    //2 范围内的状态码都会触发函数
    //对响应数据做点什么
    return response.data;
  },
  (error) => {
    //对响应错误做点什么


    //监控404 token失效
    if(error.response.status === 401){
      removeToken()
      router.navigate('/login')
      window.location.reload()
    } 


    return Promise.reject(error);
  }
);

export { request };
